<!DOCTYPE html>
<html>
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/font.js"></script>
    <script src="js/particles.min.js"></script>
    <title>Home Nas Cloud</title></head>
  
  <body>
    <div id="particles-js" style="position:absolute; top: 0; z-index: -1; width: 100%;height: 100%;">
      <canvas class="particles-js-canvas-el" width="1303" height="960" style="width: 100%; height: 100%;"></canvas>
    </div>
    <script>particlesJS("particles-js", {
        particles: {
          number: {
            value: 20,
            density: {
              enable: !0,
              value_area: 1000
            }
          },
          color: {
            value: "#e1e1e1"
          },
          shape: {
            type: "circle",
            stroke: {
              width: 0,
              color: "#000000"
            },
            polygon: {
              nb_sides: 5
            },
            image: {
              src: "img/github.svg",
              width: 100,
              height: 100
            }
          },
          opacity: {
            value: 0.5,
            random: !1,
            anim: {
              enable: !1,
              speed: 1,
              opacity_min: 0.1,
              sync: !1
            }
          },
          size: {
            value: 15,
            random: !0,
            anim: {
              enable: !1,
              speed: 180,
              size_min: 0.1,
              sync: !1
            }
          },
          line_linked: {
            enable: !0,
            distance: 650,
            color: "#cfcfcf",
            opacity: 0.26,
            width: 1
          },
          move: {
            enable: !0,
            speed: 2,
            direction: "none",
            random: !0,
            straight: !1,
            out_mode: "out",
            bounce: !1,
            attract: {
              enable: !1,
              rotateX: 600,
              rotateY: 1200
            }
          }
        },
        interactivity: {
          detect_on: "canvas",
          events: {
            onhover: {
              enable: !1,
              mode: "repulse"
            },
            onclick: {
              enable: !1,
              mode: "push"
            },
            resize: !0
          },
          modes: {
            grab: {
              distance: 400,
              line_linked: {
                opacity: 1
              }
            },
            bubble: {
              distance: 400,
              size: 40,
              duration: 2,
              opacity: 8,
              speed: 3
            },
            repulse: {
              distance: 200,
              duration: 0.4
            },
            push: {
              particles_nb: 4
            },
            remove: {
              particles_nb: 2
            }
          }
        },
        retina_detect: !0
      });</script>
    <div id="wrap">
      <div id="top">
        <div id="logo">
          <img class="logo" src=""
          /><p></p><div class="type-js headline">
          	<h1 class="text-js">Welcome</h1>
          </div>
					<div id="kg-btn" class="">
						<input class='tgl tgl-flip' id='qieh' type='checkbox' />
						<label class='tgl-btn' data-tg-off='OFFICE' data-tg-on='HOME' for='qieh'></label>
					</div>
				</div>
			</div>
			<div id="main">
			<!-- 外网访问地址 -->
				<div id="app" class="app animated fadeInLeft">
					<ul>
						<li>
							<a href="#" target="_blank"><img class="shake" src="img/png/AppStore.png" /><strong>我的博客</strong></a>
						</li>
						<li>
							<a href="https://info.koolnet.club" target="_blank"><img class="shake" src="img/png/iCloud-Drive.png" /><strong>VPS Status</strong></a>
						</li>
						<li>
							<a href="#" target="_blank"><img class="shake" src="img/png/Music.png" /><strong>聆听音乐</strong></a>
						</li>
						<li>
							<a href="#" target="_blank"><img class="shake" src="img/png/Photos.png" /><strong>流金岁月</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/Videos.png" /><strong>欣赏影片</strong></a>
						</li>
						<li>
							<a href="http://yuancheng.xunlei.com/" target="_blank"><img class="shake" src="img/png/Thunder.png" /><strong>迅雷远程</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/Downloads.png" /><strong>下载管理</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/Transmission.png" /><strong>Transmission</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/Settings.png" /><strong>DSM管理</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/FontExplorer-X.png" /><strong>管理文件</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/Podcats.png" /><strong>管理路由器</strong></a>
						</li>
						<li>
							<a href="#" target="_blank"><img class="shake" src="img/png/FaceTime.png" /><strong>监控系统</strong></a>
						</li>
					</ul>
				</div>
				<!-- 内网网访问地址 -->
				<div id="app1" class="app animated fadeInRight">
					<ul>
						<li>
							<a href="#" target="_blank"><img class="shake" src="img/png/AppStore.png" /><strong>我的博客</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/iCloud-Drive.png" /><strong>VPS Status</strong></a>
						</li>
						<li>
							<a href="#" target="_blank"><img class="shake" src="img/png/Music.png" /><strong>聆听音乐</strong></a>
						</li>
						<li>
							<a href="#" target="_blank"><img class="shake" src="img/png/Photos.png" /><strong>流金岁月</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/Videos.png" /><strong>欣赏影片</strong></a>
						</li>
						<li>
							<a href="http://yuancheng.xunlei.com/" target="_blank"><img class="shake" src="img/png/Thunder.png" /><strong>迅雷远程</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/Downloads.png" /><strong>下载管理</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/Transmission.png" /><strong>Transmission</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/Settings.png" /><strong>DSM管理</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/FontExplorer-X.png" /><strong>管理文件</strong></a>
						</li>
						<li>
							<a href="http://xxxxx.com" target="_blank"><img class="shake" src="img/png/Podcats.png" /><strong>管理路由器</strong></a>
						</li>
						<li>
							<a href="#" target="_blank"><img class="shake" src="img/png/FaceTime.png" /><strong>监控系统</strong></a>
						</li>
					</ul>
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>
    <div id="footer">
      <div class="footer-contents">
        <div class="links">
        </div>
      </div>
    </div>
  </body>

</html>